home *** CD-ROM | disk | FTP | other *** search
/ PC User 2002 August / Disc 1 / PCU0802CD1.iso / software / palm / files / nutritgd.exe / user_guide.chm / tcshared / coua.css next >
Encoding:
Cascading Style Sheet File  |  2002-02-14  |  9.2 KB  |  354 lines
  1. /* Style sheet optimized for IE4x - Last updated 12/15/00 by Tommy */
  2.  
  3. body            { color: #000000;
  4.         background: #FFFFFF;      
  5.         font-size: 70%;            
  6.         font-family: Verdana, Arial, Sans Serif;
  7.         leftmargin: "0";
  8.          topmargin: "0";
  9.          marginwidth: "0";
  10.          marginheight: "0"; }
  11.  
  12.  
  13. a:link, a:visited     { color: "#0000FF"; text-decoration:"underline";}
  14.  
  15. a:active, a:hover     { color: "#0000FF";  cursor:hand; text-decoration:"underline";}
  16.  
  17. h1
  18.         { font-size: 125%; 
  19.         margin-top: ".3em";  
  20.         margin-bottom: ".3em"; clear:both; }
  21.  
  22. h2
  23.         { font-size: 110%;  
  24.         margin-top: "1.5em";
  25.         margin-bottom:" .5em"; clear:both; }
  26.  
  27. h3
  28.         { font-size: 100%; 
  29.         margin-top: "1.2em";  
  30.         margin-bottom: ".5em"; clear:both; }
  31.  
  32. h4
  33.         { font-size: 100%; 
  34.         margin-top: "1.2em";  
  35.         margin-bottom: ".5em"; clear:both; }
  36.  
  37. h5
  38.         { font-size: 100%; 
  39.         margin-top: "1.2em";  
  40.         margin-bottom: ".5em"; clear:both; }
  41.  
  42. p
  43.         { margin-top:" .6em"; 
  44.         margin-bottom: ".6em"; }
  45.             
  46. ol
  47.         { margin-top: ".5em"; 
  48.         margin-bottom: 0; 
  49.         margin-left: "2.1em"; 
  50.         padding-left: "0em";
  51.         margin-right:"2.1em" }
  52.     
  53. ul
  54.         { margin-top: ".6em";     
  55.         margin-bottom: 0;
  56.         list-style-type: disc;
  57.         margin-left: "1.5em";
  58.         padding-left: "0em";
  59.         margin-right: "1.5em"; }
  60.         
  61. li
  62.         { margin-bottom: ".7em"; clear:both; }
  63.  
  64. dd
  65.         { margin-bottom: 0; 
  66.         margin-left: "1.5em"; } 
  67.  
  68. /* for defined terms, follow the "Document Conventions" listing in the Microsoft Manual of Style: */
  69. /* Keywords, functions, and anything else the user must enter exactly as shown are bold--add "font-weight: bold;" to the dt tag */
  70. /* Variables, book titles, and placeholders the user must provide are italic--add "font-style: italic;" to the dt tag */
  71. /* pre-defined arguments are bold and italic--add "font-weight: bold;" and "font-style: italic;" to the dt tag */
  72.  
  73. dt
  74.         { margin-top: "1em"; }
  75.  
  76. pre
  77.         { margin-top: ".5em";
  78.         margin-bottom: ".5em"; }
  79.  
  80. code
  81.         { font-family: Courier New; 
  82.         font-size: "1.1em"; }
  83.         
  84. table
  85.         { font-size: 100%; }
  86.     
  87. tr
  88.         { vertical-align: top; }
  89.  
  90. td
  91.         { vertical-align: top; }
  92.  
  93.  
  94. /****      extended class styles ************************/
  95. /*                                           */
  96. /* add comment tags to disable the style         */
  97.  
  98. p.indent        { margin-left: "2em"; }       /* this class style is used to indent text for notes and warnings; use this instead of the blockquote tag */
  99.  
  100. p.indent2        { margin-left: "3.5em"; }   /* this class style is used to indent text a second level under the first  indent */
  101.         
  102. p.proclabel    { font-size: 100%;     
  103.         font-weight: bold; clear: both; }
  104.         
  105. p.uatshoot    { font-weight: bold; margin-bottom: "-.5em"; margin-top: "1em"; }
  106.  
  107. /***********************************************/
  108. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  109.  
  110. #expand             {margin-bottom: "0.6em"; margin-left: "1.5em"; margin-right: "1.5em";}
  111.  
  112. a:link.expandToggle, a:visited.expandToggle     {color:"#000000"; font-weight: bold;  text-decoration:none;}
  113.  
  114. a:hover.expandToggle, a:active.expandToggle     {color:"#0000FF";}
  115.  
  116. img.expand         { border: none; margin-right: "0.5em"; width:".8em";}
  117.         
  118. div.expand        { margin-left: "1.5em"; margin-right: "1.5em";margin-bottom: "1em"; display:none;}
  119.  
  120.  
  121.  
  122. /***********************************************/
  123. /* this class for expand collapse appearing in a table  */
  124.  
  125. table.uatshoot        {background-color: #FFFFFF; width: 90% }
  126.  
  127. table.uatshoot td        { padding: 0px 0px 0px 5px }
  128.  
  129. a:link.uatshoot, a:visited.uatshoot     {color:"#000000"; font-weight: normal;  text-decoration:none;}
  130.  
  131. a:hover.uatshoot, a:active.uatshoot     {color:"#0000FF"; text-decoration: none }
  132.  
  133.  
  134. /*******************************************/
  135. /*  these classes are for thumbnail art      */
  136.  
  137. a:link img.thumbnail        {border-color: "#0000FF";}
  138.  
  139. a:active img.thumbnail    { border-color: "#FF0000";}
  140.  
  141. a:hover img.thumbnail    {border-color: "#FF0000";}
  142.  
  143. img.thumbnail        {vertical-align: top; margin-left: 0;
  144.              width:90; border-width:1;}
  145.          
  146. div.thumbnail        {float:left; width: 105; margin-top: "1em"; margin-bottom: "-0.3em"; 
  147.              clear: both;  }
  148.  
  149. /*********************************************/                
  150. /* this class style is used for the navigation tree in MMC */
  151.         
  152. p.navTree        { margin-top:" .2em"; }
  153.  
  154. ul.navTree     {  list-style-type: none; }
  155.  
  156. li.branch        { margin-top:" -.5em"; margin-bottom: ".6em";}
  157.  
  158. a.where            {}    /* use for the expand <a> tag */
  159.  
  160. /***************************************************************/
  161. /* these class styles are used for <span> tags  simulating buttons & their div */
  162.  
  163. #buttonMenu    { padding:  0.5em 0.3em 0.1em 0.3em;
  164.               padding-left:6px;
  165.               border-bottom: thin solid #999999;
  166.               background: #BBBBBB;
  167.               vertical-align:top;
  168.               z-index:2;
  169.               visibility:visible;
  170.               left:0; top:0; 
  171.               text-align:left;
  172.               margin:"0 1em 0 0"; 
  173.               position:absolute;
  174.               width: "100%";
  175.               }
  176.                           
  177. a:link.button, a:visited.button, span.button {
  178.               border-top-color: #EEEEEE ;
  179.               border-left-color: #EEEEEE ;
  180.               border-bottom-color: #666666 ;
  181.               border-right-color: #666666 ;
  182.               background-color: #DDDDDD ;
  183.               color:#0000FF;
  184.               text-decoration: "none";
  185.               text-align: "center";
  186.               font-weight: "bold" ;
  187.               height:"1.5em"; width:"17px"; cursor:"hand";
  188.               border-style: "solid"; border-width: 1;
  189.             }
  190.             
  191. a:active.button, a:hover.button    {
  192.               border-top-color: #666666 ;
  193.               border-left-color: #666666 ;
  194.               border-bottom-color: #EEEEEE ;
  195.               border-right-color: #EEEEEE;
  196.               background-color: #FFFFFF;
  197.               text-decoration: "none";
  198.               text-align: "center";
  199.               font-weight: "bold" ;
  200.               height:"1.5em"; width:"17px"; cursor:"hand";
  201.               border-style: "solid"; border-width: 1;
  202.               }
  203.  
  204. /* The following span is used to display
  205. items that have no entries  - AMS */
  206.               
  207. span.buttoninactive {background: #C0C0C0;
  208.                     border: 1 solid #eeeeee;
  209.                     height: 1.4em;
  210.                     width: 1.4em;
  211.                     text-align: center;
  212.                     font-weight: bold;
  213.                     color: #808080;
  214.                     vertical-align:top;
  215.                     cursor: default;
  216.                     }
  217.  
  218. #list        { padding:.4em 0.3em 100% 0.3em;
  219.               overflow:auto;
  220.               line-height:0.4em;
  221.               height:100%; width: "100%";
  222.               z-index:1;
  223.               left:0; top:0; 
  224.               text-align:left;
  225.               margin:0; 
  226.               position:absolute;
  227.               margin-left:"1em"; line-height:100%;
  228.               }
  229.               
  230. p.marker    { font-weight:bold;
  231.                 margin-top: "2em";
  232.                 color:#000000;
  233.                 font-size:"110%";
  234.                 }              
  235. /************************************************/
  236. /* class styles reserved for mouseover/mouseout DHTML   */
  237.  
  238. .cold        {}
  239. .hot        {}
  240.  
  241. /**********************************************************************/
  242. /* ID styles reserved for <a> tags  calling OCX's within HTML Help by creating  OBJECTS */
  243.  
  244.  
  245. #wPopup        {}
  246.  
  247. a:link#wPopup, a:visited#wPopup    {color: "#006600";}
  248. a:hover#wPopup, a:active#wPopup    {color: "#FF0000";}
  249.  
  250.  
  251. img.popup     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  252.  
  253. #shortcut        {}
  254.  
  255. img.shortcut     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  256.  
  257. #specLoc        {}
  258.  
  259. #relTopics        {}
  260.  
  261. p.relTopics img     {vertical-align:top;}     /* img is class=alert */
  262.  
  263. #altLoc        {}
  264.  
  265. p.note,p.tip, p.important, p.caution, p.warning 
  266.         { font-weight:bold; clear:both;
  267.          margin-top:"1em"; 
  268.          margin-bottom:"-.25em"; }    
  269.  
  270. img.alert        {border:none;}          /* for icon images - note, tip, important, caution, warning*/
  271.  
  272.  
  273. /***********************************/
  274. /*   Style for print only functionality used with external URL link   coUA_print.css*/
  275.  
  276. span.printOnly    {display:none }
  277.  
  278. /***********************************/
  279. /*   Styles for checklists   */
  280.  
  281. .userData         {behavior:url(#default#userdata); }  /*sets persistance*/
  282.  
  283. #checklist        {width:100%;  text-align:left; margin:"0.3em 0em";}
  284.  
  285. #checklist li     {text-indent:"0.2em";}
  286.  
  287. /*********************************/                
  288. /*  these classes are for previous next navigation     */
  289.  
  290. a:hover.navbar, a:active.navbar        {} /* text in nav */
  291. a:link.navbar, a:visited.navbar        {}
  292.               
  293. #nav    { left:0; top:0px;
  294.       text-align:left; 
  295.       margin:0; 
  296.       position:absolute;
  297.       padding-bottom: 1px; padding-top: 3px;
  298.       padding-right:6px; padding-left:5px;
  299.       align:top;
  300.       visibility:hidden;
  301.       z-index:1;  }
  302.  
  303. #text    { left:0; top:0px;
  304.        margin:0; 
  305.        position:absolute;
  306.        padding:10px;
  307.        overflow:auto;
  308.        height:100%;
  309.        z-index:1; 
  310.                 background-repeat:no-repeat;
  311.        background-position: bottom right;
  312.        background-attachment:fixed; }
  313.  
  314.  
  315. /***************************************************/
  316. /* STYLES USED IN THE WEB DELIVERABLE ONLY  */
  317.  
  318.  
  319. /***********************************/
  320. /*   links   */
  321.  
  322. #wPopupWeb    {}
  323.  
  324. a:link#wPopupWeb            {color: "#006600";}
  325. a:hover#wPopupWeb        {color: "#FF0000";}
  326. a:active#wPopupWeb        {color: "#FF0000";}
  327. a:visited#wPopupWeb        {color: "#006600";}
  328.  
  329. #shortcutWeb    {}
  330.  
  331. #specLocWeb    {}
  332.  
  333. #relTopicsWeb    {}
  334.  
  335. #altLocWeb    {}
  336.  
  337.  
  338. /***********************************/
  339. /*   popups   */
  340.  
  341. div.popup        { visibility:hidden; z-index:3;
  342.                  position:absolute; 
  343.                  top:200; left:200; 
  344.                  width:"250"; padding:"6px"; 
  345.                  background-color:#FFFFCC;
  346.                  border-style: solid;
  347.                  border-width: 1;
  348.                  border-color: #666666;
  349.                                       }
  350.  
  351.  
  352.  
  353.               
  354.